@import '../../../assets/css/CommonStyle.scss';
.NotiDetail {
  padding: m-w(16) m-w(30);
  .headerTitle {
    color: #333;
    font-size: m-w(38);
    font-weight: bold;
    margin-bottom: m-w(16);
    margin-top: m-w(25);
  }
  .notiReVisiting {
    font-size: m-w(22);
    font-weight: m-w(500);
    color: #f5a623;
    background: rgba(#f5a623, 0.2);
    padding: m-w(10) m-w(18);
    border-radius: m-w(32);
    margin-right: m-w(24);
  }
  .notiVisit {
    font-size: m-w(22);
    font-weight: m-w(500);
    color: #5aa700;
    background: rgba(#5aa700, 0.2);
    padding: m-w(14) m-w(28);
    border-radius: m-w(32);
    margin-right: m-w(24);
    height: m-w(64);
  }
  .questionnaire {
    font-size: m-w(22);
    font-weight: m-w(500);
    color: #429cff;
    background: rgba(#429cff, 0.2);
    padding: m-w(10) m-w(18);
    border-radius: m-w(32);
    margin-right: m-w(24);
  }
  .notiSender {
    display: flex;
    margin-top: m-w(16);
    padding-bottom: m-w(16);
    border-bottom: 1px solid rgba(#333, 0.1);
    .senderMsg {
      color: #333;
      font-size: m-w(26);
      flex: 1;
      .lineSpace {
        margin-bottom: m-w(16);
      }
    }
    .imgContiner {
      display: flex;
      justify-content: flex-end;
      margin-top: m-w(-30);
      width: m-w(130);
    }
  }
  .notiMsg {
    margin-top: m-w(32);
    color: #333;
    font-size: m-w(30);
    word-break: break-word;
  }
}
